/* 关于我们、核心优势、我要借款样式文件 */


/* 关于我们 */
.aboutus { background:#fff;  
	.mod-01 { 
		.ani-wrap { position:absolute; top:100px; left: 0px; width:350px; padding:25px; letter-spacing:2px; background:#2a333a; line-height:1.2;}
		.ani-01 { font-size:24px; color:$red; }
		.ani-02 { font-size:60px; font-weight:bold; color:#fff; margin-top:10px;  }
		.ani-03 { font-size:24px; color:#fff; }
	}
	.mod-title { margin-bottom:40px;
		h4 { width:156px; height:80px; background: url(../images/about/aboutus/title.png) no-repeat center top; margin:0 auto; }
		.t2 { background-position:center -100px; }
		.t3 { background-position:center -200px; }
		.line { position:relative; margin: 10px auto; width: 400px; height:2px;  background:#999; 
			span { display:block; width:100px; background:$red; margin:0 auto; height:100%; }
		}
	}
	.mod-02 {  padding: 50px 0; font-size:16px; line-height:40px;
		.about-point { @extend .clearfloat; border-top:1px dashed #eeeeee; padding-top:100px; margin-top:40px;
			li { position:relative; float:left; margin-right:40px; background:#fafafa; padding:30px 25px; width:320px;
				&:last-of-type { margin-right:0; }
				.mark { position:absolute; width:112px; height: 112px; top:-40px; left: 25px; background:url(../images/about/aboutus/icon.png) no-repeat; }
				.mark-02 { background-position:-112px 0; }
				.mark-03 { background-position:-224px 0; }
				h4 { font-size:22px; color: #000; text-indent:140px; line-height:50px; }
			}
		}
	}
	.mod-03 { background:#fcfcfc; padding:60px 0; 
		.text { width:620px; font-size:16px; line-height:42px;
			h4 { font-size:36px; color:#ef8555; margin-bottom:10px; }
		}
	}
	.mod-04 {  padding:60px 0;
		.team-list { @extend .clearfloat; 
			dl { margin-bottom:40px; margin-right:38px; float:left; width:581px;  @extend .clearfloat; 
				&:nth-of-type(2n) { margin-right:0; }
				dt { float:left; width:200px; height:270px;
					img { display:block; width:100%; height:100%; }
				}
				dd { float:right; padding:10px 20px; font-size:12px; line-height:30px; border:1px solid #ddd; border-left:none; width:340px; height:248px;
					h4 { color:#333; margin-bottom:5px; font-size:16px;
						span { font-size:18px; color:$red; }
					}
				}
				&:hover { @extend .boxshadow01; }
			}
		}
	}
	.mod-05 { background:#fcfcfc; padding:60px 0;
		.company-concat-bd{position: relative; margin-top:30px; box-shadow: 0 5px 10px #d9d9d9;}
		.company-concat-info{width:430px; height:323px; padding:35px 50px; background:url(../images/about/aboutus/concat-info.png) no-repeat; position: absolute; z-index: 2; left:20px; top:80px;}
		.company-concat-info h2{font-size:18px; font-weight: normal; margin-bottom: 5px;}
		.company-concat-info p{font-size:14px; color:#666; line-height: 30px;}
		.company-concat-info .red{color:#da0d0d;}
	}
}

/* 核心优势 */
.insurance { background:#fff; 
	.bg-f8f8f8{background:#f8f8f8;}
	.advantage-1 .content,.advantage-2 .content,.advantage-3 .content,.advantage-4 .content,.advantage-5 .content,.advantage-6 .content{width: 880px;}
	.advantage-2 .txt .l1,.advantage-4 .txt .l1{background: url(../images/about/insurance/triangle.jpg) left center no-repeat; padding-left:20px; color:#da0d0d;}
	.insurance-banner{width:100%; min-width: 1200px; height:390px; background:url(../images/about/insurance/hxys-banner.jpg) center top no-repeat;}
	.insurance-warp{ min-width: 1200px;
		.title{ background: url(../images/about/insurance/advantage-line.png) left center repeat-x; color:#666; text-align: center;}
		.title span{display: inline-block; font-size:24px; padding:0 20px;}
		.title i{color:#da0d0d;}
		.txt{font-size:16px; color:#666;}
	}
	.advantage-1{background:url(../images/about/insurance/advantage1.png) right center no-repeat;  height:380px;}
	.advantage-1 .content{padding-top:110px;}

	.advantage-2{background:url(../images/about/insurance/advantage2.png) left center no-repeat; min-width: 1200px;  height:440px;}
	.advantage-2 .content{padding-top:95px;}
	.advantage-2 .txt li{margin-bottom: 20px; padding:0 50px;}

	.advantage-3{background:url(../images/about/insurance/advantage3.png) right center no-repeat; height:380px;}
	.advantage-3 .txt{margin-top:40px;}
	.advantage-3 .content{padding-top:135px;}

	.advantage-4{background:url(../images/about/insurance/advantage4.png) left center no-repeat; height:440px;}
	.advantage-4 .content{padding-top: 90px;}
	.advantage-4 .txt{margin-top:55px;}
	.advantage-4 .txt li{float:left; width:230px; margin:0 30px;}

	.advantage-5{background:url(../images/about/insurance/advantage5.png) right center no-repeat; height:385px;}
	.advantage-5 .content{ padding-top:90px;}

	.advantage-6{background:url(../images/about/insurance/advantage6.png) left center no-repeat; height:440px;}
	.advantage-6 .content{padding-top:160px;}
}

/* 我要借款 */ 
.i-borrow{
	.borrow-banner{width:100%; height:366px; min-width: 1200px; background: url(../images/about/borrow/borrow_banner.jpg) center top no-repeat;}
	.borrow-page-banner{width:100%; height:160px; min-width: 1200px; background: url(../images/about/borrow/borrow-page-banner.jpg) center top no-repeat;}
	.borrow-form-warp{width:800px; height:610px; margin:0 auto; border:1px solid #e4e4e4;}
	.borrow-form-box h3{text-align: center; margin:37px 0 28px; font-weight: normal; color:#da0d0d; font-size:24px; background:url(../images/about/borrow/borrow-title-bg_03.png) center center no-repeat;}


	#borrow-form{width:420px; margin:0 auto; 
		.input-warp{width:420px; height:38px; text-align: left;  border:1px solid #c8c8c8; border-radius: 1px; overflow: hidden; position: relative; margin-bottom: 15px;}
		.input-warp .input,.input-warp .select{position: absolute; box-sizing: border-box; outline: none; left:0; top:0; width:100%; height:100%; line-height: 40px; border: none; background: none;}
		.input-warp .select{ height:40px; line-height: 40px; padding:12px 10px\9; text-indent: 10px; color:#bbb;}
		.input-warp .title{position: relative; z-index: 2; color:#bbbbbb; line-height: 40px; padding-left:15px;}
		.tow-column .input-warp{ width:200px; overflow: hidden;}
		.input-warp.icon .input{position: absolute; padding-left:50px;}
		.input-warp.icon .title{padding-left:50px;}
		.input-warp.icon{background:url(../images/about/borrow/loan_form_input_icons.png) no-repeat;}
		.input-warp.icon1{background-position: 0 0;}
		.input-warp.icon2{background-position: 0 -40px;}
		.input-warp.icon3{background-position: 0 -80px;}
		.input-warp.icon4{background-position: 0 -120px;}
		.submit,.reset{width:100%; border:none; outline: none; cursor: pointer; margin-top:10px; color:#fff; height:40px; line-height: 40px; text-align: center; border-radius: 3px;}
		.submit{background:#c30d23;}
		.submit:hover{background-color:#ad1023; }
		.reset{background:#fff; color:#33330f; border:1px solid #c8c8c8;}
		.reset:hover{border-color: #da0d0d;color: #da0d0d;}
	}
	.application-process{padding-top:124px;
		.process{padding: 146px 0 162px; position: relative;}
		.process:after,.process:before{content: '';position: absolute; width: 200px; height: 0; border-bottom: 2px dashed #d2d3d4;}
		.process:after{left: 720px; top: 240px;}
		.process:before{left: 280px; top: 240px;}
		.step{width:340px; text-align: center; padding-top:109px; background:url(../images/about/borrow/loan_step_icon.png) center top no-repeat;}
		.step h3{font-size:24px; margin-top:10px; color:#180800; font-weight: normal;}
		.step p{margin-top: 10px;font-size: 21px; color: #999;}
		.step1{ background-position: 0 0;}
		.step2{margin:0 auto; background-position: -340px 0;}
		.step3{ background-position: -680px 0;}
	}
	.borrow-title{font-size:36px; color:#c30d23; text-align: center; line-height: 1;}
	.borrow-title:after{content:" "; display: block; width:250px; height:1px; margin:20px auto 0; background:#d2d2d2;}



	.sec-time{background:#fff; min-width: 1200px; padding:100px 0 120px; text-align: center;}
	.sec-time .brief{font-size:24px; line-height: 48px; margin: 50px auto 0; text-indent: 2rem; text-align: left;}
	.sec-time .apply-btn{display: inline-block; width: 158px;color: #fff; font-size: 24px; line-height: 50px;background: #f55;  border-radius: 5px; box-shadow: 0 3px 0 #cb000f; -webkit-transition: background .5s; transition: background .5s;}
	.sec-time .statement{margin: 26px 0 0;font-size: 16px;color: #000; line-height: 30px;}
	.sec-time .statement a{color:#c30d23;}

	.borrow-service{background:#fff; height:270px; padding-top:150px; min-width: 1200px;}
	.borrow-service-item01{background:url(../images/about/borrow/borrow-service01.png) center 5px no-repeat;}
	.borrow-service-item02{background:url(../images/about/borrow/borrow-service02.png) center top no-repeat;}
	.borrow-service-item03{background:url(../images/about/borrow/borrow-service03.png) center top no-repeat;}
	.borrow-service-item04{background:url(../images/about/borrow/borrow-service04.png) center top no-repeat;}

	.borrow-top{padding:20px; background:#fff; border:1px solid #ebebeb; margin-top:10px;}
	.borrow-top .label{height:52px; line-height: 52px; float:left; margin-right:15px;}
	.borrow-top .add-subtract,.rate-input{width:233px; height:48px; position: relative; border:2px solid #dbdbdb; float:left;}
	.borrow-top .add-subtract a{display: block; position: absolute; width:48px; height:48px; text-align: center; line-height: 48px; font-size:20px; background:#ebebeb;}
	.borrow-top .add-subtract .down{left:0; border-right:2px solid #dbdbdb;}
	.borrow-top .add-subtract .plus{right:0; border-left:2px solid #dbdbdb;}
	.borrow-top .add-subtract input{position: absolute; display: block; left:48px; width: 133px; height:48px; line-height: 48px; border:0; text-align: center; font-size:16px;}
	.borrow-top .rate{margin-left:30px;}
	.borrow-top .rate-input{text-align: left;}
	.borrow-top .rate-input input{ width:90px; height:48px; line-height: 48px; border:0; display: block; float:left; text-indent: 10px; font-size:16px;}
	.borrow-top .rate-input span{font-size:16px; margin-top:13px; display: inline-block; color:#888;}
	.borrow-top .count-btn{width:150px; margin-left:30px;}
	.borrow-bottom{background:#fff; border:1px solid #ebebeb; margin-top:10px; padding:20px; text-align: center;}
	.borrow-bottom-list{width:960px; margin:0 auto;}
	.borrow-bottom-list th{height:54px; background:#5e7487; color:#fffefe; font-weight: normal;}
	.borrow-bottom-list td{height:54px; border:1px solid #ebebeb;}
	.borrow-bottom .borrow-btn{width:240px; margin:30px auto 0;}
	.borrow-questions{background:#fff; border:1px solid #ebebeb; margin-top:10px;}
	.borrow-questions-bd{padding:30px 40px;}
	.borrow-questions-bd .item{margin-bottom: 30px;}
	.borrow-questions-bd .item dd{margin-left:72px;}
	.borrow-questions-bd .item dt{width:52px; height:52px; background: url(../images/about/borrow/questions-icon.png) no-repeat; float:left;}
	.borrow-questions-bd .item .title{font-size:16px;}
	.borrow-questions-bd .item .cont{border-bottom: 1px dashed #ebebeb; padding-bottom: 30px; color:#333;}
}

